<div class="banner" style="background:url('<%= banner_for(@banner) %>') no-repeat center center">
  <div class="content">
    <h2>Product</h2>
    <h1>公/司/产/品</h1>
  </div>
</div>

<div id="main">
  <div class="comm-box">
    <%= breadcrumb('products')%>
    <div class="product-show">
      <div class="cover">
        <%= image_tag @product.logo_img, alt: '', class: "product-logo" %>
      </div>
      
      <div class="carousel-container">

        <div id="carousel">
          <% @product.photos.each do |photo| %>
            <div class="carousel-feature">
              <%= link_to image_tag(photo.path.url, alt: 'Image Caption', class: "carousel-image"), "#" %>
            </div>
          <% end %>
        </div>
        <div id="carousel-left"><%= image_tag 'arrow-left.png' %></div>
        <div id="carousel-right"><%= image_tag 'arrow-right.png' %></div>
      </div>

      <div class="descrip">
        <p>
          <%= raw @product.description %>
        </p>
      </div>
    </div>


  </div>

  <div class="sidebar">
    <div class="side-nav product-bg">
      <!-- <h3>公司产品<cite>PRODUCT</cite></h3> -->
      <h3><cite></cite></h3>
      <ul>
        <li><a href="">DMC欣兰护肤</a></li>
        <li><a href="">派恩移动电源</a></li>
        <li><a href="">凤凰锂能</a></li>
        <li><a href="">我的美丽日记面膜</a></li>
        <li><a href="">新百禄燕窝</a></li>
      </ul>
      <span class="phone"></span>
    </div>
  </div>
  <div class="c"></div>
</div>
<script type="text/javascript">
  $(document).ready(function() {
    $("#carousel").featureCarousel();
  });
</script>
